<template>
  <div>
    <h3>父组件</h3>
    <ul>
      <li v-for="item in items" :key="item.id" style="height: 1rem; font-size: 23px">
        {{ item.content }}
      </li>
    </ul>
    <Imgque
      width="100"
      height="100"
      dataSrc="https://img0.baidu.com/it/u=1058961982,3919091402&fm=253&fmt=auto&app=120&f=JPEG?w=779&h=500"
      alt=""
    ></Imgque>
  </div>
</template>
<script lang="ts" setup>
import { ref } from 'vue'
import Imgque from '../../components/imgque/index.vue'

const items: any = ref([])

// 生成100条数据
for (let i = 1; i <= 100; i++) {
  items.value.push({
    id: i,
    content: ` ${i}`
  })
}
</script>
<style scoped></style>
